<template>
  <van-swipe :autoplay="3000">
    <van-swipe-item v-for="(image, i) in images" :key="i">
      <img class="CarouselImg" v-lazy="image" />
    </van-swipe-item>
  </van-swipe>
</template>

<script>
export default {
  props: {
    images: Array,
  },
};
</script>

<style lang="less" scoped>
.van-swipe {
  padding-top: 44px;
  width: 100vw;
  height: 300px;
  .van-swipe__track {
    width: 100%;
    height: 100%;
    .van-swipe-item {
      width: 100%;
      height: 100%;
      .CarouselImg {
        width: 100%;
        height: 100%;
      }
    }
  }
}
</style>
